<?php 
session_start();
		extract($_GET);
			
if (!isset($_SESSION["pseudo"]) || empty($_SESSION["pseudo"])){
	header("location:login.php");
}

require("connect.php");
include("fonction.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">	
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
		<title>2NS | Photo</title>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/2NS.js"></script>
	
		<!-- SLIDER -->
		<script src="js/jquery.js" type="text/javascript"></script>
		<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
		<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
		<!-- /SLIDER -->

	
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
	

	</head>
<body>

<div id="header">
	<a href="index.php"><div id="logo"><p >| <span style="color: #eee; font-size: 34px;">Mon profil</span><span></p></div></a>
	<div id="profil">
		<div id="picture_profil">
			<img src="images/no_user.png" />
		</div>
		<div id="info_profil">
			<p>CHARPENTIER Benjamin</p>
			<div class="more_info">
				<p>Emploi: Software developer</p>
				<p>Etudie: ETNA</p>
				<p>Habite à : Chailly en bière</p>
			</div>
			<a href="" id="button" ><p class="more"></p></a>
		</div>
	</div>	
	<div style="top: 75px; right: 30px; position: absolute;">
		<a href="index.php" style="margin-right: 20px;"><img src="images/home.png" alt="Accueil" title="Accueil" /></a>
		<a href="#notif" onclick="ouvreBoite(); return false;" style="margin-right: 20px;"><img src="images/notif.png" alt="Notification" title="Notification" /></a>
		<a href="mail.php"  style="margin-right: 20px;"><img src="images/mail.png" alt="Mail" title="Mail" /></a>
		<a href="params.php" style="margin-right: 20px;"><img src="images/reglage.png" alt="Reglage" title="Reglage" /></a>
		<a href="logout.php" ><img src="images/quit.png" /></a>
	</div>

</div>
<div id="slider">    
	<ul class="navigation">
	    <li><a href="#experience">Mes expériences</a></li>
	    <li><a href="#competence">Mes compétences</a></li>
	    <li><a href="#formation">Ma formation</a></li>
	    <li><a href="#infoperso">Mes informations personnelles</a></li>
	    <li><a href="#notif">Notifications</a></li>
	</ul>
	
	<div class="scroll">
	    <div class="scrollContainer">
	        <div class="panel" id="experience">
	        	<img src="images/experience.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Expérience</span>
				<hr>
				<p>
				<strong>Octobre 2009 à Aout 2011 Développeur en informatique, en C.D.D</strong><br>
					MODEM, Météorologie, URY à Développeur en informatique en alternance.
					<i>Développement d’un serveur de récupération de donnée météorologique avec accès à distance. Ce projet a été écrit en DELPHI et avait pour but de récupérer des informations et d’y avoir accès à distance sur tout support. Projet de longue durée.</i>
					<br><br>
					<strong>Juillet 2010 Inter-comparaison Météorologique en Chine (Guangzhou).</strong><br>
					Période intensive de test et de comparaison entre les concurrents.
					<br><br>
					<strong>Juillet-Aout-Septembre 2009 S.A.V et Programmeur, en C.D.D</strong><br>
					MODEM, Météorologie, URY à Réparation du matériel puis envoi au client et programmation de logiciel.<br>
					<i>Programmation d’un logiciel de comparaison : entreprise/pays (Problématique : Qu’elle station météorologique dans quel pays). Ce projet à était effectué en DELPHI.</i>
				</p>
	        </div>
			<div class="panel" id="competence">
	        	<img src="images/competence.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Compétences</span>
				<hr>
				<p>
					<strong>SHELL          :</strong> bonne base.<br>
					<i>Quelques projets réalisés. Réécriture de diverses fonctions SHELL ainsi que des projets comme le pendu, Anniversaire…</i>
					<br><br>
					<strong>C/C++ :</strong> Bonne base.<br>
					<i>De nombreux projets effectués, dont un projet qui permet l’écriture en lettre d’un chiffre passer en paramètre. Mais également de nombreuses fonctions qui nous ont permis de faire notre propre librairie.</i>
					<br><br>
					<strong>DELPHI :</strong> Bonne maitrise.
					<i>Langage utilisé lors de mon CDD dans la société modem. Création d’un logiciel de récupération de données en DELPHI. </i>
					<br><br>
					<strong>PHP/HTML/CSS/JAVASCRIPT :</strong> Bonne maitrise.<br>
					<i>Programmation intensive en PHP, avec réalisation de multiple projet comme un mini-SHELL, ou un gestion de base de donnée en PHP. J’ai également réalisés divers sites web dans ces langages.</i>
					<br><br>
					Formation intensive de projet en langage SHELL, en C et en PHP à plein temps de Octobre à Janvier, mais opérationnelle en Février.				
				</p>
			</div>
			<div class="panel" id="formation">
	        	<img src="images/formation.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Formation</span>
				<hr>
				<p>
					<strong style="">20011/2014 : Cycle d ‘ingénieur en informatique – Architecte logiciel développeur d’applications</strong><br>
					Cycle d’ingénieur en informatique de l’Etna – département alternance de l’Epitech.
					<br><br>
					<strong>2009/2011 : BTS IG option développement en alternance.</strong><br>
					Ecole AKOR – Paris
					<br><br>
					<strong>2007/2009 : BAC STI électronique, Projet bac STI en électronique.</strong><br>
					Lycée La Fayette à champagne/seine
					
				</p>
	        </div>
	        <div class="panel" id="infoperso">
	        	<img src="images/info.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Plus d'information</span>
				<hr>
				<p>
					<strong>NOM          :</strong> Charpentier.<br>
					<strong>Prenom          :</strong> Benjamin.<br>
					<strong>Emploi actuel          :</strong>  Software developer.<br>
					<strong>Etudie          :</strong> Etna.<br>
					<strong>Habite          :</strong> Chailly en bière.<br><br>
					<strong>A propos de moi          :</strong><br>
					<i>Aucune info supplémentaire.</i>
				</p>
	        </div>

			<div class="panel" id="notif">
	        	<img src="images/notif.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Tous les notifications</span>
				<hr>
				<p>Aucune notification</p>
	        </div>
		</div>
	</div>
</div>

<div id="page">
	<div id="divers">
		<div id="pic">
			<h1 class="titre" style="text-align: center; font-size: 22px;">Mes images</h1>
			<ul>
				<!--p class="titre">Aucune image	</p-->
				<?php 						
					$dirname = "images/picture/";
					$dir = opendir($dirname);
					
					while ($file = readdir($dir))
					{
						if($file != '.' && $file != '..' && $file != ".DS_Store" && $file != ".localized" )
						{
							if (nbImage($dirname.$file) == 0)
							{
								echo "<li><img src='images/dossier.png' width='50' height='39' /><span class='name_album'>".$file." (".nbImage($dirname.$file).")</span></li>";
							}else{
								echo "<a href='photo.php?album=".$file."'><li><img src='images/dossier.png' width='50' height='39' /><span class='name_album'>".$file." (".nbImage($dirname.$file).")</span></li></a>";
							}
						}
					}	
				//
				?>
			
			</ul>
		</div>		
		<div id="relation">
			<h1 class="titre" style="font-size: 22px;">Vos relations</h1>
			<ul>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Charpentier benjamin</span>
				</li>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Larrue Jérôme</span>
				</li>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Angue Anthony</span>
				</li>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Kamkui lele Frédéric</span>
				</li>
			</ul>
		</div>
	</div>
	<div id="photo">
		<h1 class="good-title">Vos photos | <?php echo $album; ?></h1><hr>
		<div id="container">
		
			<div id="gallery" class="content">
				<div id="controls" class="controls"></div>
				<div class="slideshow-container">
					<div id="loading" class="loader"></div>
					<div id="slideshow" class="slideshow"></div>
				</div>
				<div id="caption" class="caption-container"></div>
			</div>
			<div id="thumbs" class="navigation">
				<ul class="thumbs noscript">
					<?php
					
					$dirname = "images/picture/".$album;
					$dir = opendir($dirname);
				
					while ($file = readdir($dir))
					{
						if($file != '.' && $file != '..' && $file != ".DS_Store" && $file != ".localized" && (!is_dir($dirname.'/'.$file)))
						{			
							$pic = $dirname."/".$file;
							$miniPic =  $dirname."/mini/".$file; 
						?>
						<li>
							<a class="thumb" href="<?php echo $pic;?>" title="Title #5">
								<img src="<?php echo $miniPic;?>" alt="Title #5" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="<?php echo $pic;?>">Télécharger l'original</a>
								</div>
								<div class="image-title"><?php echo $file;?></div>
							</div>
						</li>
						<?php
						}
					}
					?>
				</ul>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
	// We only want these styles applied when javascript is enabled
	$('div.navigation').css({'width' : '300px', 'float' : 'left'});
	$('div.content').css('display', 'block');

	// Initially set opacity on thumbs and add
	// additional styling for hover effect on thumbs
	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').opacityrollover({
		mouseOutOpacity:   onMouseOutOpacity,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	});
	
	// Initialize Advanced Galleriffic Gallery
	var gallery = $('#thumbs').galleriffic({
		delay:                     2500,
		numThumbs:                 15,
		preloadAhead:              10,
		enableTopPager:            true,
		enableBottomPager:         true,
		maxPagesToShow:            7,
		imageContainerSel:         '#slideshow',
		controlsContainerSel:      '#controls',
		captionContainerSel:       '#caption',
		loadingContainerSel:       '#loading',
		renderSSControls:          true,
		renderNavControls:         true,
		playLinkText:              'Lancer diaporama',
		pauseLinkText:             'Mettre en pause',
		prevLinkText:              '&lsaquo; Précédente',
		nextLinkText:              'Suivante &rsaquo;',
		nextPageLinkText:          'Suivant &rsaquo;',
		prevPageLinkText:          '&lsaquo; Précédent',
		enableHistory:             false,
		autoStart:                 false,
		syncTransitions:           true,
		defaultTransitionDuration: 900,
		onSlideChange:             function(prevIndex, nextIndex) {
			// 'this' refers to the gallery, which is an extension of $('#thumbs')
			this.find('ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onPageTransitionOut:       function(callback) {
			this.fadeTo('fast', 0.0, callback);
		},
		onPageTransitionIn:        function() {
			this.fadeTo('fast', 1.0);
		}
	});
});
</script>
</div>
</body>
</html>